﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>随笔内容页 - 码农阿川</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="http://themes.3rdwavemedia.com/velocity/1.5.4/favicon.ico">
    <!-- Global CSS -->
    <link rel="stylesheet" href="~/Content/bootstrap.min.css" />
    <link rel="stylesheet" href="~/Content/font-awesome/css/font-awesome.min.css" />

    <link id="theme-style" rel="stylesheet" href="~/Content/blog.css" />

    <!-- social media buttons -->
    <link rel="stylesheet" href="~/Content/rrssb.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"></script>
    <script type="text/javascript" src="~/Scripts/blog/embed.js"></script>
    <style id="fit-vids-style">
        .fluid-width-video-wrapper {
            width: 100%;
            position: relative;
            padding: 0;
        }

            .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
    </style>
</head>

<body class="blog-page blog-page-single">
    <div class="wrapper">
        <!-- ******HEADER****** -->
        <header class="header header-blog">
            <div class="container">
                <h1 class="logo">
                    <a href="/blog">码农阿川 <span class="sub">随笔</span></a>
                </h1><!--//logo-->
                <nav class="main-nav navbar-right" role="navigation">
                    <div class="navbar-header">
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button><!--//nav-toggle-->
                    </div><!--//navbar-header-->
                    <div id="navbar-collapse" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li class="nav-item dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="/blog">随笔分类 <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown-menu">
                                    <li><a href="/blog">技术</a></li>
                                    <li><a href="/blog">理财</a></li>
                                    <li><a href="/blog">彩票</a></li>
                                    <li><a href="/blog">新闻</a></li>
                                </ul>
                            </li><!--//dropdown-->
                            <li class="nav-item dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="/blog">最近随笔 <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown-menu">
                                    <li><a href="/blog">2015年11月 (5)</a></li>
                                    <li><a href="/blog">2015年10月 (6)</a></li>
                                    <li><a href="/blog">2015年09月 (3)</a></li>
                                    <li><a href="/blog">2015年08月 (4)</a></li>
                                </ul>
                            </li><!--//dropdown-->
                            <li class="nav-item nav-item-main-site last"><a href="/"><i class="fa fa-home"></i> 回到首页</a></li>
                        </ul><!--//nav-->

                        <div class="searchbox-container">
                            <form class="searchbox">
                                <label class="sr-only" for="search-form">搜索</label>
                                <input id="search-form" class="form-control searchbox-input" placeholder="搜索点什么？" type="search" value="" name="search-form">
                                <input class="searchbox-submit" type="submit" value="GO">
                                <i class="fa fa-search searchbox-icon" style="display: block;"></i>
                            </form>
                        </div><!--//searchbox-container-->

                    </div><!--//navabr-collapse-->
                </nav><!--//main-nav-->
            </div><!--//container-->
        </header><!--//header-->
        <!-- ******BLOG****** -->
        <div class="blog-entry-wrapper">
            <!--
            <div class="blog-headline-bg">
            </div><!--//blog-headline-bg-->
            <div class="blog-entry">
                <article class="post">
                    <header class="blog-entry-heading">
                        <div class="container text-center">
                            <h2 class="title">Java入门指南第一季</h2>
                            <div class="meta">
                                <ul class="meta-list list-inline">
                                    <li class="post-time">2015-10-21</li>
                                    <li class="post-author"> by <a href="/">码农阿川</a></li>
                                </ul><!--//meta-list-->
                            </div><!--meta-->
                        </div><!--//container-->
                        <nav class="post-nav post-nav-top">
                            <span class="nav-previous"><a href="/" rel="prev"><i class="fa fa-long-arrow-left"></i>前一个</a></span>
                            <span class="nav-next"><a href="/" rel="next">下一个<i class="fa fa-long-arrow-right"></i></a></span>
                        </nav><!--//post-nav-->
                    </header><!--//blog-entry-heading-->

                    <div class="container">
                        <div class="row">
                            <div class="blog-entry-content col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 col-xs-offset-0">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lobortis mattis erat, dictum facilisis magna posuere ac. Curabitur consectetur magna mauris, et aliquam lectus ornare nec. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris quis tellus magna.</p>

                                <p>Cras adipiscing ipsum vel molestie cursus. In ultrices tristique vestibulum. Aenean ut dui diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut bibendum ipsum nec sagittis ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus id ante diam. Pellentesque mauris lacus, dictum sodales elit quis, pulvinar tempus leo. Pellentesque sed leo dignissim, ornare nunc vitae, volutpat quam. Nam pellentesque tortor eu nibh porttitor congue. Sed at porta lectus.</p>


                                <h3 class="section-heading">Section Heading Pellentesque</h3>

                                <p>Pellentesque mattis scelerisque nibh eu tincidunt. Phasellus feugiat arcu eget sem tincidunt aliquam. Integer eleifend risus quis venenatis scelerisque. Nulla egestas commodo dignissim. Curabitur vel imperdiet diam. Suspendisse faucibus tincidunt sem, faucibus dictum eros rutrum sit amet. Nulla volutpat bibendum urna, eu dignissim libero elementum in.</p>

                                <figure class="figure">
                                    <img class="img-responsive" src="./blog-single_files/post-content-image-1.jpg" alt="">
                                    <figcaption class="figure-caption">Image Source: <a href="https://www.flickr.com/photos/techcrunch/sets/72157636973272026" target="_blank">TechCrunch Disrupt Europe Hackathon</a></figcaption>
                                </figure>

                                <p>Morbi vulputate bibendum fringilla. Sed fermentum nisi laoreet, porttitor ipsum et, vehicula diam. Fusce iaculis turpis dolor, et cursus arcu cursus vel. Ut lobortis tellus ornare ultrices tristique. Praesent cursus, mi ac rutrum ultrices, lectus erat pellentesque urna, at placerat eros nisi vitae ligula. Fusce eget lacus non ipsum vestibulum consequat. Nulla eleifend magna et urna vulputate, vitae volutpat magna varius. Cras pharetra dolor dui, non aliquet diam faucibus sed. Mauris interdum arcu nec rutrum ornare. Suspendisse pharetra quam eu sapien egestas, a egestas tortor rhoncus. Quisque adipiscing tincidunt tellus a vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ornare lorem elit, a aliquet nisl auctor vitae.</p>

                                <ul class="custom-list-style">
                                    <li><i class="fa fa-check-circle"></i>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                                    <li><i class="fa fa-check-circle"></i>Aliquam tincidunt mauris eu risus.</li>
                                    <li><i class="fa fa-check-circle"></i>Vestibulum auctor dapibus neque.</li>
                                    <li><i class="fa fa-check-circle"></i>Sagittis tempus lacus enim ac dui.</li>
                                </ul>

                                <p>Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>


                                <blockquote class="custom-quote">
                                    <p><i class="fa fa-quote-left"></i>History is littered with inventors who had “great” ideas but kept them quiet and then poorly executed them. And history is lit up with doers who took ideas that were floating around in the ether and actually made something happen. <strong>In fact, just about every successful venture is based on an unoriginal idea, beautifully executed.</strong></p>
                                    <p>So, if you’ve got ideas, let them go. They’re probably holding you back from the hard work of actually executing.</p>
                                    <p class="source"><span class="name">Seth Godin</span><br><span class="title"><a href="http://sethgodin.typepad.com/seths_blog/2007/09/big-ideas.html" target="_blank"><i class="fa fa-external-link"></i> Big ideas</a></span></p>
                                </blockquote>
                                <h3 class="section-heading">Section Heading Curabitur</h3>
                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.</p>
                                <ol>
                                    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                                    <li>Aliquam tincidunt mauris eu risus.</li>
                                    <li>Vestibulum auctor dapibus neque.</li>
                                </ol>

                                <p>Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>

                                <p class="video-container">
                                    <div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe src="./blog-single_files/50134267.html" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" id="fitvid454258"></iframe></div>
                                </p>

                                <p class="box">Cras pharetra dolor dui, non aliquet diam faucibus sed. Mauris interdum arcu nec rutrum ornare. Suspendisse pharetra quam eu sapien egestas, a egestas tortor rhoncus. Quisque adipiscing tincidunt tellus a vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ornare lorem elit, a aliquet nisl auctor vitae.</p>


                                <h3 class="section-heading">Section Heading Proin</h3>

                                <p>Phasellus ligula dolor, fringilla at tincidunt non, fringilla eu justo. Sed hendrerit mauris quis hendrerit mollis. Vivamus vitae ultrices quam. Duis sed mi leo. Curabitur facilisis, erat vel egestas tincidunt, nisi ipsum ultricies velit, non scelerisque magna mi non nibh. Etiam blandit odio quis congue feugiat. Vivamus faucibus eu augue et ultrices. Phasellus nec euismod enim. Proin quis tellus auctor, porta risus vitae, pharetra sem. Curabitur fringilla tellus justo. Vestibulum scelerisque rhoncus blandit. Vivamus cursus bibendum suscipit. Ut vel ornare sapien. Mauris sit amet mollis erat. Phasellus gravida nisi vel consectetur luctus.</p>

                                <ul>
                                    <li>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</li>
                                    <li>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</li>
                                    <li>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</li>
                                    <li>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</li>
                                </ul>

                                <p>Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.</p>

                                <p>Demo images: courtesy of <a href="https://www.flickr.com/photos/techcrunch/sets/72157636973272026" target="_Blank">TechCrunch</a></p>

                            </div><!--//blog-entry-content-->
                            <!--//Soical media buttons: https://github.com/kni-labs/rrssb (More examples) -->
                            <div class="share-container col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 col-xs-offset-0">
                                <!--//Soical media buttons: https://github.com/kni-labs/rrssb (More examples) -->
                                <span class="label">share this:</span>

                                <!-- Buttons start here. Copy this ul to your document. -->
                                <ul class="rrssb-buttons clearfix rrssb-1">
                                    <li class="rrssb-facebook" data-initwidth="14.285714285714286" data-size="69" style="width: calc(20% - 16.8px);">
                                        <!-- Replace with your URL. For best results, make sure you page has the proper FB Open Graph tags in header:
                                        https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/ -->
                                        <a href="https://www.facebook.com/sharer/sharer.php?u=http://kurtnoble.com/labs/rrssb/index.html" class="popup">
                                            <span class="rrssb-icon">
                                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
                                                <path d="M27.825,4.783c0-2.427-2.182-4.608-4.608-4.608H4.783c-2.422,0-4.608,2.182-4.608,4.608v18.434
                                                        c0,2.427,2.181,4.608,4.608,4.608H14V17.379h-3.379v-4.608H14v-1.795c0-3.089,2.335-5.885,5.192-5.885h3.718v4.608h-3.726
                                                        c-0.408,0-0.884,0.492-0.884,1.236v1.836h4.609v4.608h-4.609v10.446h4.916c2.422,0,4.608-2.188,4.608-4.608V4.783z"></path>
                                                </svg>
                                            </span>
                                            <span class="rrssb-text">facebook</span>
                                        </a>
                                    </li>
                                    <li class="rrssb-twitter" data-initwidth="14.285714285714286" data-size="53" style="width: calc(20% - 16.8px);">
                                        <!-- Replace href with your Meta and URL information  -->
                                        <a href="http://twitter.com/home?status=Ridiculously%20Responsive%20Social%20Sharing%20Buttons%20by%20@joshuatuscan%20and%20@dbox%20http://kurtnoble.com/labs/rrssb" class="popup">
                                            <span class="rrssb-icon">
                                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
                                                <path d="M24.253,8.756C24.689,17.08,18.297,24.182,9.97,24.62c-3.122,0.162-6.219-0.646-8.861-2.32
                                                    c2.703,0.179,5.376-0.648,7.508-2.321c-2.072-0.247-3.818-1.661-4.489-3.638c0.801,0.128,1.62,0.076,2.399-0.155
                                                    C4.045,15.72,2.215,13.6,2.115,11.077c0.688,0.275,1.426,0.407,2.168,0.386c-2.135-1.65-2.729-4.621-1.394-6.965
                                                    C5.575,7.816,9.54,9.84,13.803,10.071c-0.842-2.739,0.694-5.64,3.434-6.482c2.018-0.623,4.212,0.044,5.546,1.683
                                                    c1.186-0.213,2.318-0.662,3.329-1.317c-0.385,1.256-1.247,2.312-2.399,2.942c1.048-0.106,2.069-0.394,3.019-0.851
                                                    C26.275,7.229,25.39,8.196,24.253,8.756z"></path>
                                                </svg>
                                            </span>
                                            <span class="rrssb-text">twitter</span>
                                        </a>
                                    </li>
                                    <li class="rrssb-reddit" data-initwidth="14.285714285714286" data-size="46" style="width: calc(20% - 16.8px);">
                                        <a href="http://www.reddit.com/submit?url=http://www.kurtnoble.com/labs/rrssb/">
                                            <span class="rrssb-icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve"><g><path d="M11.794 15.316c0-1.029-0.835-1.895-1.866-1.895c-1.03 0-1.893 0.865-1.893 1.895s0.863 1.9 1.9 1.9 C10.958 17.2 11.8 16.3 11.8 15.316z"></path><path d="M18.1 13.422c-1.029 0-1.895 0.864-1.895 1.895c0 1 0.9 1.9 1.9 1.865c1.031 0 1.869-0.836 1.869-1.865 C19.969 14.3 19.1 13.4 18.1 13.422z"></path><path d="M17.527 19.791c-0.678 0.678-1.826 1.006-3.514 1.006c-0.004 0-0.009 0-0.014 0c-0.004 0-0.01 0-0.015 0 c-1.686 0-2.834-0.328-3.51-1.005c-0.264-0.265-0.693-0.265-0.958 0c-0.264 0.265-0.264 0.7 0 1 c0.943 0.9 2.4 1.4 4.5 1.402c0.005 0 0 0 0 0c0.005 0 0 0 0 0c2.066 0 3.527-0.459 4.47-1.402 c0.265-0.264 0.265-0.693 0.002-0.958C18.221 19.5 17.8 19.5 17.5 19.791z"></path><path d="M27.707 13.267c0-1.785-1.453-3.237-3.236-3.237c-0.793 0-1.518 0.287-2.082 0.761c-2.039-1.295-4.646-2.069-7.438-2.219 l1.483-4.691l4.062 0.956c0.071 1.4 1.3 2.6 2.7 2.555c1.488 0 2.695-1.208 2.695-2.695C25.881 3.2 24.7 2 23.2 2 c-1.059 0-1.979 0.616-2.42 1.508l-4.633-1.091c-0.344-0.081-0.693 0.118-0.803 0.455l-1.793 5.7 C10.548 8.6 7.7 9.4 5.6 10.75C5.006 10.3 4.3 10 3.5 10.029c-1.785 0-3.237 1.452-3.237 3.2 c0 1.1 0.6 2.1 1.4 2.69c-0.04 0.272-0.061 0.551-0.061 0.831c0 2.3 1.3 4.4 3.7 5.9 c2.299 1.5 5.3 2.3 8.6 2.325c3.228 0 6.271-0.825 8.571-2.325c2.387-1.56 3.7-3.66 3.7-5.917 c0-0.26-0.016-0.514-0.051-0.768C27.088 15.5 27.7 14.4 27.7 13.267z M23.186 3.355c0.74 0 1.3 0.6 1.3 1.3 c0 0.738-0.6 1.34-1.34 1.34s-1.342-0.602-1.342-1.34C21.844 4 22.4 3.4 23.2 3.355z M1.648 13.3 c0-1.038 0.844-1.882 1.882-1.882c0.31 0 0.6 0.1 0.9 0.209c-1.049 0.868-1.813 1.861-2.26 2.9 C1.832 14.2 1.6 13.8 1.6 13.267z M21.773 21.57c-2.082 1.357-4.863 2.105-7.831 2.105c-2.967 0-5.747-0.748-7.828-2.105 c-1.991-1.301-3.088-3-3.088-4.782c0-1.784 1.097-3.484 3.088-4.784c2.081-1.358 4.861-2.106 7.828-2.106 c2.967 0 5.7 0.7 7.8 2.106c1.99 1.3 3.1 3 3.1 4.784C24.859 18.6 23.8 20.3 21.8 21.57z M25.787 14.6 c-0.432-1.084-1.191-2.095-2.244-2.977c0.273-0.156 0.59-0.245 0.928-0.245c1.035 0 1.9 0.8 1.9 1.9 C26.354 13.8 26.1 14.3 25.8 14.605z"></path></g></svg>
                                            </span>
                                            <span class="rrssb-text">reddit</span>
                                        </a>
                                    </li>
                                    <li class="rrssb-googleplus" data-initwidth="14.285714285714286" data-size="59" style="width: calc(20% - 16.8px);">
                                        <!-- Replace href with your meta and URL information.  -->
                                        <a href="https://plus.google.com/share?url=Check%20out%20how%20ridiculously%20responsive%20these%20social%20buttons%20are%20http://kurtnoble.com/labs/rrssb/index.html" class="popup">
                                            <span class="rrssb-icon">
                                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
                                                <g>
                                                <g>
                                                <path d="M14.703,15.854l-1.219-0.948c-0.372-0.308-0.88-0.715-0.88-1.459c0-0.748,0.508-1.223,0.95-1.663
                                                                c1.42-1.119,2.839-2.309,2.839-4.817c0-2.58-1.621-3.937-2.399-4.581h2.097l2.202-1.383h-6.67c-1.83,0-4.467,0.433-6.398,2.027
                                                                C3.768,4.287,3.059,6.018,3.059,7.576c0,2.634,2.022,5.328,5.604,5.328c0.339,0,0.71-0.033,1.083-0.068
                                                                c-0.167,0.408-0.336,0.748-0.336,1.324c0,1.04,0.551,1.685,1.011,2.297c-1.524,0.104-4.37,0.273-6.467,1.562
                                                                c-1.998,1.188-2.605,2.916-2.605,4.137c0,2.512,2.358,4.84,7.289,4.84c5.822,0,8.904-3.223,8.904-6.41
                                                                c0.008-2.327-1.359-3.489-2.829-4.731H14.703z M10.269,11.951c-2.912,0-4.231-3.765-4.231-6.037c0-0.884,0.168-1.797,0.744-2.511
                                                                c0.543-0.679,1.489-1.12,2.372-1.12c2.807,0,4.256,3.798,4.256,6.242c0,0.612-0.067,1.694-0.845,2.478
                                                                c-0.537,0.55-1.438,0.948-2.295,0.951V11.951z M10.302,25.609c-3.621,0-5.957-1.732-5.957-4.142c0-2.408,2.165-3.223,2.911-3.492
                                                                c1.421-0.479,3.25-0.545,3.555-0.545c0.338,0,0.52,0,0.766,0.034c2.574,1.838,3.706,2.757,3.706,4.479
                                                                c-0.002,2.073-1.736,3.665-4.982,3.649L10.302,25.609z"></path>
                                                <polygon points="23.254,11.89 23.254,8.521 21.569,8.521 21.569,11.89 18.202,11.89 18.202,13.604 21.569,13.604 21.569,17.004
                                                                23.254,17.004 23.254,13.604 26.653,13.604 26.653,11.89      "></polygon>
                                                        </g>
                                                    </g>
                                                </svg>
                                            </span>
                                            <span class="rrssb-text">google+</span>
                                        </a>
                                    </li>
                                    <li class="rrssb-linkedin" data-initwidth="14.285714285714286" data-size="58" style="width: calc(20% - 16.8px);">
                                        <!-- Replace href with your meta and URL information -->
                                        <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://kurtnoble.com/labs/rrssb/index.html&title=Ridiculously%20Responsive%20Social%20Sharing%20Buttons&summary=Responsive%20social%20icons%20by%20KNI%20Labs" class="popup">
                                            <span class="rrssb-icon">
                                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
                                                <path d="M25.424,15.887v8.447h-4.896v-7.882c0-1.979-0.709-3.331-2.48-3.331c-1.354,0-2.158,0.911-2.514,1.803
                                                        c-0.129,0.315-0.162,0.753-0.162,1.194v8.216h-4.899c0,0,0.066-13.349,0-14.731h4.899v2.088c-0.01,0.016-0.023,0.032-0.033,0.048
                                                        h0.033V11.69c0.65-1.002,1.812-2.435,4.414-2.435C23.008,9.254,25.424,11.361,25.424,15.887z M5.348,2.501
                                                        c-1.676,0-2.772,1.092-2.772,2.539c0,1.421,1.066,2.538,2.717,2.546h0.032c1.709,0,2.771-1.132,2.771-2.546
                                                        C8.054,3.593,7.019,2.501,5.343,2.501H5.348z M2.867,24.334h4.897V9.603H2.867V24.334z"></path>
                                                </svg>
                                            </span>
                                            <span class="rrssb-text">linkedin</span>
                                        </a>
                                    </li>

                                    <li class="rrssb-pocket small" data-initwidth="14.285714285714286" data-size="51" style="width: 42px;">
                                        <a href="https://getpocket.com/save?url=http://kurtnoble.com/labs/rrssb/index.html">
                                            <span class="rrssb-icon">
                                                <svg width="32px" height="28px" viewBox="0 0 32 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
                                                    <path d="M28.7817528,0.00172488695 C30.8117487,0.00431221738 31.9749312,1.12074529 31.9644402,3.10781507 C31.942147,6.67703739 32.1336065,10.2669583 31.8057648,13.8090137 C30.7147076,25.5813672 17.2181194,31.8996281 7.20714461,25.3808491 C2.71833574,22.4571656 0.196577202,18.3122624 0.0549495772,12.9357897 C-0.0342233715,9.5774348 0.00642900214,6.21519891 0.0300336062,2.85555035 C0.0405245414,1.1129833 1.21157517,0.0146615391 3.01995012,0.00819321302 C7.34746087,-0.00603710433 11.6775944,0.00431221738 16.0064164,0.00172488695 C20.2644248,0.00172488695 24.5237444,-0.00215610869 28.7817528,0.00172488695 L28.7817528,0.00172488695 Z M8.64885184,7.85611511 C7.38773662,7.99113854 6.66148108,8.42606978 6.29310958,9.33228474 C5.90114134,10.2969233 6.17774769,11.1421181 6.89875951,11.8276216 C9.35282156,14.161969 11.8108164,16.4924215 14.2976518,18.7943114 C15.3844131,19.7966007 16.5354102,19.7836177 17.6116843,18.7813283 C20.0185529,16.5495467 22.4070683,14.2982907 24.7824746,12.0327533 C25.9845979,10.8850542 26.1012707,9.56468083 25.1469132,8.60653379 C24.1361858,7.59255976 22.8449191,7.6743528 21.5890476,8.85191291 C19.9936451,10.3488554 18.3680912,11.8172352 16.8395462,13.3777945 C16.1342655,14.093159 15.7200114,14.0048744 15.0566806,13.3440386 C13.4599671,11.7484252 11.8081945,10.2060421 10.1262706,8.70001155 C9.65564653,8.27936164 9.00411403,8.05345704 8.64885184,7.85611511 L8.64885184,7.85611511 L8.64885184,7.85611511 Z"></path>
                                                </svg>
                                            </span>
                                            <span class="rrssb-text">pocket</span>
                                        </a>
                                    </li>

                                    <li class="rrssb-github small" data-initwidth="14.285714285714286" data-size="47" style="width: 42px;">
                                        <a href="https://github.com/kni-labs/rrssb">
                                            <span class="rrssb-icon">
                                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
                                                <path d="M13.971,1.571c-7.031,0-12.734,5.702-12.734,12.74c0,5.621,3.636,10.392,8.717,12.083c0.637,0.129,0.869-0.277,0.869-0.615
                                                    c0-0.301-0.012-1.102-0.018-2.164c-3.542,0.77-4.29-1.707-4.29-1.707c-0.579-1.473-1.414-1.863-1.414-1.863
                                                    c-1.155-0.791,0.088-0.775,0.088-0.775c1.277,0.104,1.96,1.316,1.96,1.312c1.136,1.936,2.991,1.393,3.713,1.059
                                                    c0.116-0.822,0.445-1.383,0.81-1.703c-2.829-0.32-5.802-1.414-5.802-6.293c0-1.391,0.496-2.527,1.312-3.418
                                                    C7.05,9.905,6.612,8.61,7.305,6.856c0,0,1.069-0.342,3.508,1.306c1.016-0.282,2.105-0.424,3.188-0.429
                                                    c1.081,0,2.166,0.155,3.197,0.438c2.431-1.648,3.498-1.306,3.498-1.306c0.695,1.754,0.258,3.043,0.129,3.371
                                                    c0.816,0.902,1.315,2.037,1.315,3.43c0,4.892-2.978,5.968-5.814,6.285c0.458,0.387,0.876,1.16,0.876,2.357
                                                    c0,1.703-0.016,3.076-0.016,3.482c0,0.334,0.232,0.748,0.877,0.611c5.056-1.688,8.701-6.457,8.701-12.082
                                                    C26.708,7.262,21.012,1.563,13.971,1.571L13.971,1.571z"></path>
                                                </svg>
                                            </span>
                                            <span class="rrssb-text">github</span>
                                        </a>
                                    </li>
                                </ul><!-- Buttons end here -->
                            </div><!--//share-container-->



                            <nav class="post-nav col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 col-xs-offset-0">
                                <span class="nav-previous"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#" rel="prev"><i class="fa fa-long-arrow-left"></i>Previous</a></span>
                                <span class="nav-next"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#" rel="next">Next<i class="fa fa-long-arrow-right"></i></a></span>
                            </nav><!--//post-nav-->


                            <div id="comment-area" class="comment-area  col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 col-xs-offset-0">
                                <!--//DISQUS script starts-->
                                <div id="disqus_thread"><iframe id="dsq-app1" name="dsq-app1" allowtransparency="true" frameborder="0" scrolling="no" tabindex="0" title="Disqus" width="100%" src="./blog-single_files/saved_resource.html" style="width: 100% !important; border: none !important; overflow: hidden !important; height: 671px !important;" horizontalscrolling="no" verticalscrolling="no"></iframe></div>
                                <script type="text/javascript">
                                        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
                                        var disqus_shortname = '3wmthemes'; // required: replace example with your forum shortname

                                        /* * * DON'T EDIT BELOW THIS LINE * * */
                                        (function() {
                                            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                                            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                                            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                                        })();
                                </script>
                                <noscript>Please enable JavaScript to view the &lt;a href="http://disqus.com/?ref_noscript"&gt;comments powered by Disqus.&lt;/a&gt;</noscript>

                                <!--//DISQUS script ends-->

                            </div><!--//comment-area-->
                        </div><!--//row-->
                    </div><!--//container-->
                </article><!--//post-->
            </div><!--//blog-entry-->
        </div><!--//blog-entry-wrapper-->
    </div><!--//wrapper-->
    <!-- ******FOOTER****** -->
    <footer class="footer">
        <div class="footer-content">
            <div class="container">
                <div class="row">
                    <div class="footer-col links col-md-2 col-sm-4 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">About us</h3>
                            <ul class="list-unstyled">
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Who we are</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Press</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Blog</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Jobs</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Contact us</a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="footer-col links col-md-2 col-sm-4 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">Product</h3>
                            <ul class="list-unstyled">
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>How it works</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>API</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Download Apps</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Pricing</a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="footer-col links col-md-2 col-sm-4 col-xs-12 sm-break">
                        <div class="footer-col-inner">
                            <h3 class="title">Support</h3>
                            <ul class="list-unstyled">
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Help</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Documentation</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Terms of services</a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-caret-right"></i>Privacy</a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="footer-col connect col-md-6 col-sm-12 col-xs-12">
                        <div class="footer-col-inner">
                            <ul class="social list-inline">
                                <li><a href="https://twitter.com/3rdwave_themes" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-instagram"></i></a></li>
                                <li class="row-end"><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <div class="form-container">
                                <p class="intro">Stay up to date with the latest news and offers from Velocity</p>
                                <form class="signup-form navbar-form">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Enter your email address">
                                    </div>
                                    <button type="submit" class="btn btn-cta btn-cta-primary">Subscribe Now</button>
                                </form>
                            </div><!--//subscription-form-->
                        </div><!--//footer-col-inner-->
                    </div><!--//foooter-col-->
                    <div class="clearfix"></div>
                </div><!--//row-->
                <div class="row has-divider">
                    <div class="footer-col download col-md-6 col-sm-12 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">Mobile apps</h3>
                            <ul class="list-unstyled download-list">
                                <li><a class="btn btn-ghost" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-apple"></i><span class="text">Download for iOS</span> </a></li>
                                <li><a class="btn btn-ghost" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-android"></i><span class="text">Download for Android</span></a></li>
                                <li><a class="btn btn-ghost" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-windows"></i><span class="text">Windows coming soon...</span></a></li>
                            </ul>
                        </div><!--//footer-col-inner-->
                    </div><!--//download-->
                    <div class="footer-col contact col-md-6 col-sm-12 col-xs-12">
                        <div class="footer-col-inner">
                            <h3 class="title">Contact us</h3>
                            <p class="adr clearfix">
                                <i class="fa fa-map-marker pull-left"></i>
                                <span class="adr-group pull-left">
                                    <span class="street-address">College Green</span><br>
                                    <span class="region">56 College Green Road</span><br>
                                    <span class="postal-code">BS1 XR18</span><br>
                                    <span class="country-name">UK</span>
                                </span>
                            </p>
                            <p class="tel"><i class="fa fa-phone"></i>0800 123 4567</p>
                            <p class="email"><i class="fa fa-envelope-o"></i><a href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#">enquires@website.com</a></p>
                            <a href="https://twitter.com/3rdwave_themes" class="twitter-follow-button" data-show-count="false">Follow 3rdwave_themes</a>
                            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                        </div><!--//footer-col-inner-->
                    </div><!--//contact-->
                </div>
            </div><!--//container-->
        </div><!--//footer-content-->
        <div class="bottom-bar">
            <div class="container">
                <small class="copyright">Copyright  2015 <a href="http://themes.3rdwavemedia.com/" target="_blank">3rd Wave Media</a></small>
            </div><!--//container-->
        </div><!--//bottom-bar-->
    </footer><!--//footer-->
    <!-- *****CONFIGURE STYLE****** -->
    <div class="config-wrapper">
        <div class="config-wrapper-inner">
            <a id="config-trigger" class="config-trigger" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-cog"></i></a>
            <div id="config-panel" class="config-panel">
                <h5>Choose Colour</h5>
                <ul id="color-options" class="list-unstyled list-inline">
                    <li class="theme-1 active"><a data-style="assets/css/styles.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-2"><a data-style="assets/css/styles-2.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-3"><a data-style="assets/css/styles-3.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-4"><a data-style="assets/css/styles-4.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-5"><a data-style="assets/css/styles-5.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-6"><a data-style="assets/css/styles-6.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-7"><a data-style="assets/css/styles-7.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-8"><a data-style="assets/css/styles-8.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-9"><a data-style="assets/css/styles-9.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                    <li class="theme-10"><a data-style="assets/css/styles-10.css" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"></a></li>
                </ul><!--//color-options-->
                <a id="config-close" class="close" href="http://themes.3rdwavemedia.com/velocity/1.5.4/blog-single.html#"><i class="fa fa-times-circle"></i></a>
            </div><!--//configure-panel-->
        </div><!--//config-wrapper-inner-->
    </div><!--//config-wrapper-->
    <!-- Javascript -->
    <script type="text/javascript" src="~/Scripts/jquery-1.11.3.min.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/jquery-migrate-1.2.1.min.js"></script>*@
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/bootstrap.min.js"></script>*@
    <script type="text/javascript" src="~/Scripts/plugins/bshoverdropdown/bootstrap-hover-dropdown.min.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/bootstrap-hover-dropdown.min.js"></script>*@
    <script type="text/javascript" src="~/Scripts/blog/back-to-top.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/back-to-top.js"></script>*@
    <script type="text/javascript" src="~/Scripts/blog/jquery.placeholder.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/jquery.placeholder.js"></script>*@
    <script type="text/javascript" src="~/Scripts/blog/jquery.fitvids.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/jquery.fitvids.js"></script>*@
    <script type="text/javascript" src="~/Scripts/blog/jquery.flexslider-min.js"></script>
    @*<script type="text/javascript" src="./Responsive website template for products_files/jquery.flexslider-min.js"></script>*@

    <!-- blog specific js starts -->
    <script type="text/javascript" src="~/Scripts/blog/rrssb.min.js"></script>
    <script type="text/javascript" src="~/Scripts/blog/imagesloaded.pkgd.min.js"></script>
    <script type="text/javascript" src="~/Scripts/blog/masonry.pkgd.min.js"></script>
    <script type="text/javascript" src="~/Scripts/blog/blog.js"></script>
    <script type="text/javascript" src="~/Scripts/blog/main.js"></script>

    <div id="topcontrol" title="Scroll Back to Top" style="position: fixed; bottom: 5px; right: 5px; opacity: 0; cursor: pointer;"><i class="fa fa-angle-up"></i></div>
</body>
</html>